<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/template-007/res/style.css">
<title>Nova-日报</title>
<!-- 模板样例CSS，导入后可删除 -->
<style type="text/css">
.chart::after{
	content: "图表";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1rem;
	margin-left: -1rem;
	opacity: 0.8;
}
</style>


<script type="text/javascript">
var time = new Date();
var day = ("0" + time.getDate()).slice(-2);
var month = ("0" + (time.getMonth() + 1)).slice(-2);
var today = time.getFullYear() + "-" + (month) + "-" + (day);

time.setDate(time.getDate() -1)
day = ("0" + time.getDate()).slice(-2);
month = ("0" + (time.getMonth() + 1)).slice(-2);
var yesterday = time.getFullYear() + "-" + (month) + "-" + (day);
//看板表单配置
var dashboardFormConfig =
{
    items:
    [
        {
          name:"date", label:"Nova-日报", title:"xx", value: yesterday, inputType:"date", link: [{chart: 0, param: 0}, {chart: 1, param: 0}]
        }
    ],
    link:  ["chart1"]
};
</script>


</head>
<body class="fill-parent"
	dg-chart-options="{title:{show:false},legend:{top:0},grid:{top:25}}"
	dg-chart-auto-resize="true"
	dg-chart-theme="{color:'#F0F0F0',backgroundColor:'transparent',actualBackgroundColor:'#000c3b'}">
<div class="head">
	<div class="title">
		<div class="title-left"></div>
		<div class="title-value">
		<form dg-dashboard-form="dashboardFormConfig" class="dg-inline"></form>
		</div>
		<div class="title-right"></div>
	</div>
</div>
<div class="content">
	<div class="layout layout-left-top">
		<div class="panel">
			<div class="title"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注册趋势</div>
			<div class="chart" dg-chart-widget=""></div>
		</div>
	</div>
	<div class="layout layout-left-center">
		<div class="panel">
			<div class="title"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日活趋势</div>
			<div class="chart" dg-chart-widget=""></div>
		</div>
	</div>
	<div class="layout layout-left-bottom">
		<div class="panel">
			<div class="title"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;消费趋势</div>
			<div class="chart" dg-chart-widget=""></div>
		</div>
	</div>
	<div class="layout layout-center-top">
		<div class="panel">
			<div class="chart chart-left" dg-chart-widget="">注册</div>
			<div class="chart chart-center" dg-chart-widget="">登录</div>
			<div class="chart chart-right" dg-chart-widget="">消费</div>
		</div>
	</div>
	<div class="layout layout-center-bottom">
		<div class="panel border-all">
			<div class="chart" dg-chart-widget=""></div>
			<div class="border-foot"></div>
		</div>
	</div>
	<div class="layout layout-right-top">
		<div class="panel">
			<div class="title">标题</div>
			<div class="chart" dg-chart-widget=""></div>
		</div>
	</div>
	<div class="layout layout-right-center">
		<div class="panel">
			<div class="title">标题</div>
			<div class="chart" dg-chart-widget=""></div>
		</div>
	</div>
	<div class="layout layout-right-bottom">
		<div class="panel">
			<div class="title">标题</div>
			<div class="chart" dg-chart-widget=""></div>
		</div>
	</div>
</div>
</body>
</html>